/* custom style for true-friends.org, wip2 'moony light' */
/*


*/


body {
    background: url('http://www.true-friends.org/public/admin/true_friends_last_moon.jpg') #1A3A68;
    background-size: 100%;
}

a:link {color: #0A1423; text-decoration: none;} 
a:visited {color: #132742; text-decoration: none;}
a:active {color: #132742; text-decoration: none;}
a:hover {color: #132742; text-decoration: underline;}

.layout_core_menu_mini #core_menu_mini_menu > ul > li a:link, .layout_core_menu_main a:link {color: #EAE7FA; text-decoration: none;} 
.layout_core_menu_mini #core_menu_mini_menu > ul > li a:visited,  .layout_core_menu_main a:visited  {color: #EAE7FA; text-decoration: none;}
.layout_core_menu_mini #core_menu_mini_menu > ul > li a:active,  .layout_core_menu_main a:active  {color: #EAE7FA; text-decoration: none;}
.layout_core_menu_mini #core_menu_mini_menu > ul > li a:hover,  .layout_core_menu_main a:hover  {color: #EAE7FA; text-decoration: underline;}


a.menu_core_main, #updates_toggle, #global_search_field,
#core_menu_mini_menu > ul > li > a {
    font-size: 12px !important;
}

#global_header, #global_wrapper, .layout_page_header {
    background: transparent;
}

/* fixed content background fade */
#global_content {
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;
    background-position: 50% 180px;
    width: 980px;
}
#global_content > div {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}


/* Fixed header */
#global_header {
    position: fixed;
    z-index: 999;
    width: 100%;
}
#global_wrapper {
    margin-top: 190px;
    padding: 0px;
}
.layout_page_header {
    padding: 0px;
}


/* logo */
.layout_page_header > .layout_main {
    border-top: 1px solid #2F5983;
    width: 980px;
    height: 190px;
    /*background: url('http://www.true-friends.org/public/admin/True_friends_moon_header_002.jpg') no-repeat;*/
    background: url('http://www.true-friends.org/public/admin/neoheaders30_clean_bigger.jpg') no-repeat;
    position: relative;
}

.layout_core_menu_logo img {display: none;}

.layout_core_menu_main {
    position: absolute;
    bottom: -4px;
}



/* Mini menu */
.layout_core_menu_mini {
}
#core_menu_mini_menu > ul {
    background: transparent;
    background: rgba(0,0,0,0.3);
}
.layout_core_menu_mini > #core_menu_mini_menu > ul > li {
}
#global_search_form_container > #global_search_form {
    background: transparent;
    border-style: none;
}
#global_search_form > #global_search_field {
    background: #EDE5D0;
    background: rgba(255,255,255,0.5);
    border-style: none;
    padding: 3px 3px 3px 6px;
}
#global_search_form > .overTxtLabel[style] {
    display: none;
}
#core_menu_mini_menu #global_search_form_container {
    float: right;
}


/* Updates box*/
#core_menu_mini_menu_update .updates_pulldown > a,
.pulldown_contents, .pulldown_contents_wrapper {
    background: transparent;
}
#core_menu_mini_menu #core_menu_mini_menu_update {
    margin-left: 1px;
}
#core_menu_mini_menu_update .updates_pulldown > a.new_updates {
    background: #EDE5D0;
    background: rgba(255,255,255,0.5);
    color: #0A1423 !important;
}
.updates_pulldown_active > a, .pulldown_contents_wrapper {
    background-color: #0C1C32;
}
#notifications_menu {
    background: rgba(0,0,0,0.3); 
}
#notifications_menu > li {
    border: none;
    border-bottom: 1px solid #EDE5D0;
    border-bottom: 1px solid;
}
#notifications_menu > li:hover {   
    background: rgba(0,0,0,0.3);
}
#notifications_menu > .notifications_unread {
    background: #1E4579;
}


/* Center align main menu and footer */
.layout_core_menu_footer, .layout_core_menu_main {
    text-align: center;
    font-size: 1em;
}
#global_header .layout_core_menu_main > .navigation {
    display: inline-block;
    *display: inline; /* IE6-7 fix */
}
#global_header .layout_core_menu_main > .navigation a {
    padding: 5px 10px;
}


/* line up middle with side columns in home page */
.layout_page_user_index_home .layout_middle {
    padding-top: 0px;
    box-shadow: none !important;
}


/* don't join sidebar boxes */
.generic_layout_container.layout_left > div,
.generic_layout_container.layout_right > div {
    margin-top: 0px;
    margin-bottom: 15px;
}


/* content containers */
ul.announcements,
#global_wrapper > #global_content .layout_left > div,
#global_wrapper > #global_content .layout_right > div,
.global_form > div, .browsemembers_criteria,
.chat_container, #compose-container {
    background: #EDE5D0;
}
.form-elements, .activity-post-container,
#compose-container > .compose-content,
#global_content .layout_middle, .quicklinks,
#global_content .layout_left > div > div,
#global_content .layout_left > div > ul, 
#global_content .layout_right > div > ul {
    background: transparent; 
}
#compose-container, .comments {
    background: rgba(255,255,255,0.5);
}
.layout_activity_feed > h3 {
}
.activity-post-container, ul.feed > li, #feed_viewmore {
    border-color: #105060;
    border-width: 1px;
}

#global_content > div > .layout_main div {
    color: #6D6545;
}

#global_content > div > .layout_main > .layout_middle {
    margin: 2px !important;
    background: #EDE5D0;
    border-radius: 1em 1em 0 0 / 2em;
}
.layout_left > div:first-child,
.layout_right > div:first-child {
    border-radius: 1em 1em 0 0 / 2em;
}

